console.oldLog = console.log;
console.log=(...objs)=>{
  console.oldLog(...objs);

  var root = document.getElementById('root');
  var label = document.createElement('label');
  label.style.fontSize = "small";
  label.style.color = "green";

  var str = "> ";
  objs.forEach(element => {
    str += `${element} `;
  });

  label.innerText = str;
  root.appendChild(label);
}

console.oldError = console.error;
console.error=(...objs)=>{
  console.oldError(...objs);

  var root = document.getElementById('root');
  var label = document.createElement('label');
  label.style.fontSize = "small";
  label.style.color = "red";

  var str = "> ";
  objs.forEach(element => {
    str += `${element} `;
  });

  label.innerText = str;
  root.appendChild(label);
}

console.oldWarn = console.warn;
console.warn=(...objs)=>{
  console.oldWarn(...objs);

  var root = document.getElementById('root');
  var label = document.createElement('label');
  label.style.fontSize = "small";
  label.style.color = "goldenrod";

  var str = "> ";
  objs.forEach(element => {
    str += `${element} `;
  });

  label.innerText = str;
  root.appendChild(label);
}